<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			window.onload = function(){
				var oForm = document.getElementsByTagName('form')[0];
				//onsubmit是帮给form的而不是绑给按钮的。并且这个按钮必须在form里面
				oForm.onsubmit = function(){
					alert('提交了');
				}
				
				var inputs = document.getElementsByTagName('input');
//				失去焦点时触发
//				inputs[0].onblur = function(){
//					alert('blur');
//				}
//				inputs[1].onfocus = function(){
//					alert('focus');
//				}
				
//				onchange 内容发生变化并失去焦点时触发的事件
				inputs[0].onchange = function(){
					alert('变了');
				}
				var oSele = document.getElementsByTagName('select')[0];
				oSele.onchange =function(){
					alert('select变化');
				}
//				输入的过程中持续触发
				inputs[0].oninput = function(){
					console.log(this.value);
				}
				
			}
		</script>
	</head>
	<body>
		<form action="">
			姓名：<input type="text" name="" id="" /><br />
			密码：<input type="password" name="" id="" /><br />
			城市：<select name="" id="">
					<option value="">北京</option>
					<option value="">上海</option>
					<option value="">深圳</option>
			</select>
			<input type="submit" value="提交" />
			<input type="reset" value="重置" />
			<input type="button" value="普通按钮" />
		</form>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	</body>
</html>
